<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/onduty">首页</a>
                </li>
                <li>
                    <a href="#/sre/config/rt_topic_config_list/">配置列表</a>
                </li>
                <li class="active">实时topic配置</li>
            </ul>
        </div>
    </div>
</div>

<div class="container-fluid">

    <div class="row">
        <div class="col-sm-12 col-md-12 main">
            <div class="col-md-6 col-md-offset-3">
<!--                <form name="form" ng-keydown="if(event.keyCode==13) return false;" ng-submit="form.$valid&&olapConfigAdd()" novalidate>-->
                <form name="form" novalidate>
                    <div class="form-group"
                         ng-class="{'has-error':form.offlineTab.$error.required,'has-success':!form.offlineTab.$error.required}">
                        <label style="padding: 0 0 5px">离线表名称</label>
                        <!--                        <input type="text" class="form-control" name="resolvegroupId" ng-model="vm.p.resolvegroupId"/>-->
                        <input type="text" class="form-control" name="offlineTab" ng-model="vm.p.offlineTab" required/>
                        <span ng-show="form.offlineTab.$error.required" class="help-block">请填写离线表名称</span>
                    </div>
                    <div class="form-group"
                         ng-class="{'has-error':form.topic.$error.required,'has-success':!form.topic.$error.required}">
                        <label style="padding: 0 0 5px">topic名称</label>
                        <!--                        <input type="text" class="form-control" name="resolvegroupId" ng-model="vm.p.resolvegroupId"/>-->
                        <input type="text" class="form-control" name="topic" ng-model="vm.p.topic" required/>
                        <span ng-show="form.topic.$error.required" class="help-block">请填写topic</span>
                    </div>
                    <div class="form-group"
                         ng-class="{'has-error':form.topicPath.$error.required,'has-success':!form.topicPath.$error.required}">
                        <label style="padding: 0 0 5px">topic在hdfs路径</label>
                        <!--                        <input type="text" class="form-control" name="resolvegroupId" ng-model="vm.p.resolvegroupId"/>-->
                        <input type="text" class="form-control" name="topicPath" ng-model="vm.p.topicPath" required/>
                        <span ng-show="form.topicPath.$error.required" class="help-block">请填写topic在hdfs的路径</span>
                    </div>
                    <div class="form-group"
                         ng-class="{'has-error':form.realtimeStampColumn.$error.required,'has-success':!form.realtimeStampColumn.$error.required}">
                        <label style="padding: 0 0 5px">topic时间戳字段名</label>
                        <!--                        <input type="text" class="form-control" name="resolvegroupId" ng-model="vm.p.resolvegroupId"/>-->
                        <input type="text" class="form-control" name="realtimeStampColumn" ng-model="vm.p.realtimeStampColumn" required/>
                        <span ng-show="form.realtimeStampColumn.$error.required" class="help-block">请填写topic时间戳字段名</span>
                    </div>
                    <div class="form-group"
                         ng-class="{'has-error':form.offlineStampColumn.$error.required,'has-success':!form.offlineStampColumn.$error.required}">
                        <label style="padding: 0 0 5px">离线表时间戳字段名</label>
                        <!--                        <input type="text" class="form-control" name="resolvegroupId" ng-model="vm.p.resolvegroupId"/>-->
                        <input type="text" class="form-control" name="offlineStampColumn" ng-model="vm.p.offlineStampColumn" required/>
                        <span ng-show="form.offlineStampColumn.$error.required" class="help-block">请填写离线表时间戳字段名</span>
                    </div>
                    <div class="form-group">
                        <input class="btn btn-primary" ng-class="{'disabled':!form.$valid}"
                               type="button" value="确定" ng-click="form.$valid&&rtTopicConfigSave()"/>
                        <a href="#/sre/config/rt_topic_config_list/" class="btn btn-default">返回</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div><!--/.container-->
<script type="text/javascript" charset="UTF-8" src="../lib/bootstrap/js/bootstrap-tagsinput.js"></script>
<script type="text/javascript" charset="UTF-8" src="../lib/bootstrap/js/bootstrap-tagsinput-angular.js"></script>